<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="http://1stjs.googlecode.com/svn/trunk/fw4/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="1st.js"></script>
</head>

<body>
<h3>迷人夜色幻灯片示例</h3>
<style>
#sbox11{position:relative;padding:0px 24px;width:588px;}
#sbox11 .box{padding:8px;border:1px solid #ccc;}
#sbox11 .panel{position:relative;width:570px;height:270px;white-space:nowrap;overflow:hidden;}
#sbox11 .panel img{width:570px;height:270px;}
#sbox11 .tab{text-align:center;margin-top:4px;}
#sbox11 .tab span{cursor:pointer;display:inline-block;margin:4px 2px;width:12px;height:12px;background:url(data/img/slides/night/pagination.png) 0 0;}
#sbox11 .tab span.focus{background-position:0 -12px;}
#sbox11 .prev{position:absolute;width:24px;height:43px;top:50%;margin-top:-22px;cursor:pointer;left:0;background:url(data/img/slides/night/arrow-prev.png) 0 0;}
#sbox11 .next{position:absolute;width:24px;height:43px;top:50%;margin-top:-22px;cursor:pointer;right:0;background:url(data/img/slides/night/arrow-next.png) 0 0;}
</style>
<div id="sbox11">
	<div class="box">
		<div class="panel">
			<div class="wrap">
				<a href="#"><img src="data/img/slides/night/slide-1.jpg"/></a>
				<a href="#"><img src="data/img/slides/night/slide-2.jpg"/></a>
				<a href="#"><img src="data/img/slides/night/slide-3.jpg"/></a>
				<a href="#"><img src="data/img/slides/night/slide-4.jpg"/></a>
				<a href="#"><img src="data/img/slides/night/slide-5.jpg"/></a>
				<a href="#"><img src="data/img/slides/night/slide-6.jpg"/></a>
				<a href="#"><img src="data/img/slides/night/slide-7.jpg"/></a>
			</div>
		</div>
	</div>
	<div class="tab">
		<span class="focus"></span>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
	</div>
	<span class="prev"></span>
	<span class="next"></span>
</div>

<script type="text/javascript">F("sbox11").slides({panel:"scrollLeft",autoplay:2000,loop:2});</script>
</body>
</html>
